<!--
推荐type=3时，代理商的功能，BD没有
-->
<template>
    <div class="orderWashing">
      <div class="fixed_head"><span class="goback" @click="goback"><i class="icon-back icon"></i><span class="goback_word">返回</span></span> <span class="title">填写洗涤订单</span> </div>
      <div class="form">
        <div class="box"><wv-cell-swipe :title="address" is-link to="/addressList"></wv-cell-swipe></div> <!--is-link to="/addressList"-->
        <div class="box"><wv-radio title="发货方式:" v-model="value" :options="options" @change="onChange"></wv-radio></div>
        <div class="box">
          <wv-flex-item>
              <div class="placeholder"><wv-input label="数量:" placeholder="请输入数量" type="number" v-model="valueNumber"></wv-input></div>
            </wv-flex-item>
        </div>

        <wv-button type="primary" class="conformit">提交</wv-button>
        
      </div>
    </div>
</template>

<script>
import info from '../../info.js'

export default {
  name: "orderWashing",
  data(){
      return{
         value: 'hello',
          options: [{
            label: '自取',
            value: 'hello'
          },
          {
            label: '派送',
            value: true
          }],
          valueNumber:'',
          brothermessage:"",
          address:"请选择地址",
      }
  },
  methods: {
    onHeaderClick(){

    },
    goback(){
      this.$router.go(-1)
    },
    onChange (val) {
        console.log(val)
    },
    print(value) {
      this.address = value.address;
      console.log(this.address+"=======")
    }
  },

  created () {
      this.$root.bus.$on('eventName', (msg) => this.print(msg))
  },

  // 在组件销毁时别忘了解除事件绑定
  destroyed() {
    this.$root.bus.$off('eventName')
  },

 
  
};
</script>


<style lang="scss">
@import '../../base/reset.scss';
@import "../../base/common.scss";

.orderWashing{
  position: relative;

  
  .form {
    padding-top: pxTorem(40);
    text-align: left;
    color:#505050;
    .box {
      position: relative;
      .radio {
        width: 5px;
        height: 5px;
        border-radius: 100%;
        border:1px soild #eee;
      }
      .weui-cells__title {
        display: inline-block;
        font-size: pxTorem(28);
        margin: 0;
        padding: 10px 15px;
        color:#505050;
        width: pxTorem(160);
      }
      .weui-cells_radio {
        display: inline-block;
        font-size: pxTorem(28);
        .weui-check__label {
          width: pxTorem(160);
          display: inline-block;
          .weui-cell__bd {
            display: inline-block;
          }
          .weui-cell__ft {
            display: inline-block;
          }
        }
        
      }
      
      .weui-cell__hd {
        .weui-label {
          width: pxTorem(160);
        }
      }
      .weui-cells{
        &:before {
          content:"";
          border-top:0;
        }
        &:after {
          content:"";
          border-bottom:0;
        }
        .weui-cell {
          &:before {
            content:"";
            border-top:0;
          }
        }

      }
      .numberCount {
        display: inline-block;
        padding: 10px 15px;
      }
      .wv-number-spinner {
        height: pxTorem(60);
        // width: pxTorem(200);
        display: inline-block;
        margin: 5px 15px;
        input {
          line-height: pxTorem(60);
        }
      }


      &:after {
        content: " ";
        position: absolute;
        left: 0;
        right: 0;
        height: 1px;
        color: #e5e5e5;
        z-index: 2;
        bottom: 0;
        border-bottom: 1px solid #e5e5e5;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5);
      }

    }
     .conformit {
        width: 90%;
        margin-top: pxTorem(60);
        position: fixed;
        bottom: 10px;
        left: 5%;
        background: #6DA93F;
      }
  }
}


</style>